.text{
  // 文本对齐
  &-left{text-align: left;}
  &-center{text-align: center;}
  &-right{text-align: right;}
  &-justify{text-align: justify;}

  // 颜色
  &-transparent{color: transparent;}
  &-current{color: currentColor;}
  &-black {--tw-text-opacity: 1;color: rgba(0, 0, 0, var(--tw-text-opacity));}
  &-white {--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));}
  &-gray-50 {--tw-text-opacity: 1;color: rgba(249, 250, 251, var(--tw-text-opacity));}
  &-gray-100 {--tw-text-opacity: 1;color: rgba(243, 244, 246, var(--tw-text-opacity));}
  &-gray-200 {--tw-text-opacity: 1;color: rgba(229, 231, 235, var(--tw-text-opacity));}
  &-gray-300 {--tw-text-opacity: 1;color: rgba(209, 213, 219, var(--tw-text-opacity));}
  &-gray-400 {--tw-text-opacity: 1;color: rgba(156, 163, 175, var(--tw-text-opacity));}
  &-gray-500 {--tw-text-opacity: 1;color: rgba(107, 114, 128, var(--tw-text-opacity));}
  &-gray-600 {--tw-text-opacity: 1;color: rgba(75, 85, 99, var(--tw-text-opacity));}
  &-gray-700 {--tw-text-opacity: 1;color: rgba(55, 65, 81, var(--tw-text-opacity));}
  &-gray-800 {--tw-text-opacity: 1;color: rgba(31, 41, 55, var(--tw-text-opacity));}
  &-gray-900 {--tw-text-opacity: 1;color: rgba(17, 24, 39, var(--tw-text-opacity));}
  &-red-50{ --tw-text-opacity: 1;color: rgba(254, 242, 242, var(--tw-text-opacity));}
  &-red-100{ --tw-text-opacity: 1;color: rgba(254, 226, 226, var(--tw-text-opacity));}
  &-red-200{ --tw-text-opacity: 1;color: rgba(254, 202, 202, var(--tw-text-opacity));}
  &-red-300{ --tw-text-opacity: 1;color: rgba(252, 165, 165, var(--tw-text-opacity));}
  &-red-400{ --tw-text-opacity: 1;color: rgba(248, 113, 113, var(--tw-text-opacity));}
  &-red-500{ --tw-text-opacity: 1;color: rgba(239, 68, 68, var(--tw-text-opacity));}
  &-red-600{ --tw-text-opacity: 1;color: rgba(220, 38, 38, var(--tw-text-opacity));}
  &-red-700{ --tw-text-opacity: 1;color: rgba(185, 28, 28, var(--tw-text-opacity));}
  &-red-800{ --tw-text-opacity: 1;color: rgba(153, 27, 27, var(--tw-text-opacity));}
  &-red-900{--tw-text-opacity: 1;color: rgba(127, 29, 29, var(--tw-text-opacity));}
  &-yellow-50{--tw-text-opacity: 1;color: rgba(255, 251, 235, var(--tw-text-opacity));}
  &-yellow-100{--tw-text-opacity: 1;color: rgba(254, 243, 199, var(--tw-text-opacity));}
  &-yellow-200{--tw-text-opacity: 1;color: rgba(253, 230, 138, var(--tw-text-opacity));}
  &-yellow-300{--tw-text-opacity: 1;color: rgba(252, 211, 77, var(--tw-text-opacity));}
  &-yellow-400{--tw-text-opacity: 1;color: rgba(251, 191, 36, var(--tw-text-opacity));}
  &-yellow-500{--tw-text-opacity: 1;color: rgba(245, 158, 11, var(--tw-text-opacity));}
  &-yellow-600{--tw-text-opacity: 1;color: rgba(217, 119, 6, var(--tw-text-opacity));}
  &-yellow-700{--tw-text-opacity: 1;color: rgba(180, 83, 9, var(--tw-text-opacity));}
  &-yellow-800{--tw-text-opacity: 1;color: rgba(146, 64, 14, var(--tw-text-opacity));}
  &-yellow-900{--tw-text-opacity: 1;color: rgba(120, 53, 15, var(--tw-text-opacity));}

  &-green-50{--tw-text-opacity: 1;color: rgba(236, 253, 245, var(--tw-text-opacity));}
  &-green-100{--tw-text-opacity: 1;color: rgba(209, 250, 229, var(--tw-text-opacity));}
  &-green-200{--tw-text-opacity: 1;color: rgba(167, 243, 208, var(--tw-text-opacity));}
  &-green-300{--tw-text-opacity: 1;color: rgba(110, 231, 183, var(--tw-text-opacity));}
  &-green-400{--tw-text-opacity: 1;color: rgba(52, 211, 153, var(--tw-text-opacity));}
  &-green-500{--tw-text-opacity: 1;color: rgba(16, 185, 129, var(--tw-text-opacity));}
  &-green-600{--tw-text-opacity: 1;color: rgba(5, 150, 105, var(--tw-text-opacity));}
  &-green-700{--tw-text-opacity: 1;color: rgba(4, 120, 87, var(--tw-text-opacity));}
  &-green-800{--tw-text-opacity: 1;color: rgba(6, 95, 70, var(--tw-text-opacity));}
  &-green-900{--tw-text-opacity: 1;color: rgba(6, 78, 59, var(--tw-text-opacity));}

  &-blue-50	{--tw-text-opacity: 1;color: rgba(239, 246, 255, var(--tw-text-opacity));}
  &-blue-100{--tw-text-opacity: 1;color: rgba(219, 234, 254, var(--tw-text-opacity));}
  &-blue-200{--tw-text-opacity: 1;color: rgba(191, 219, 254, var(--tw-text-opacity));}
  &-blue-300{--tw-text-opacity: 1;color: rgba(147, 197, 253, var(--tw-text-opacity));}
  &-blue-400{--tw-text-opacity: 1;color: rgba(96, 165, 250, var(--tw-text-opacity));}
  &-blue-500{--tw-text-opacity: 1;color: rgba(59, 130, 246, var(--tw-text-opacity));}
  &-blue-600{--tw-text-opacity: 1;color: rgba(37, 99, 235, var(--tw-text-opacity));}
  &-blue-700{--tw-text-opacity: 1;color: rgba(29, 78, 216, var(--tw-text-opacity));}
  &-blue-800{--tw-text-opacity: 1;color: rgba(30, 64, 175, var(--tw-text-opacity));}
  &-blue-900{--tw-text-opacity: 1;color: rgba(30, 58, 138, var(--tw-text-opacity));}

  &-indigo-50{--tw-text-opacity: 1;color: rgba(238, 242, 255, var(--tw-text-opacity));}
  &-indigo-100{--tw-text-opacity: 1;color: rgba(224, 231, 255, var(--tw-text-opacity));}
  &-indigo-200{--tw-text-opacity: 1;color: rgba(199, 210, 254, var(--tw-text-opacity));}
  &-indigo-300{--tw-text-opacity: 1;color: rgba(165, 180, 252, var(--tw-text-opacity));}
  &-indigo-400{--tw-text-opacity: 1;color: rgba(129, 140, 248, var(--tw-text-opacity));}
  &-indigo-500{--tw-text-opacity: 1;color: rgba(99, 102, 241, var(--tw-text-opacity));}
  &-indigo-600{--tw-text-opacity: 1;color: rgba(79, 70, 229, var(--tw-text-opacity));}
  &-indigo-700{--tw-text-opacity: 1;color: rgba(67, 56, 202, var(--tw-text-opacity));}
  &-indigo-800{--tw-text-opacity: 1;color: rgba(55, 48, 163, var(--tw-text-opacity));}
  &-indigo-900{--tw-text-opacity: 1;color: rgba(49, 46, 129, var(--tw-text-opacity));}


  &-purple-50{--tw-text-opacity: 1;color: rgba(245, 243, 255, var(--tw-text-opacity));}
  &-purple-100{--tw-text-opacity: 1;color: rgba(237, 233, 254, var(--tw-text-opacity));}
  &-purple-200{--tw-text-opacity: 1;color: rgba(221, 214, 254, var(--tw-text-opacity));}
  &-purple-300{--tw-text-opacity: 1;color: rgba(196, 181, 253, var(--tw-text-opacity));}
  &-purple-400{--tw-text-opacity: 1;color: rgba(167, 139, 250, var(--tw-text-opacity));}
  &-purple-500{--tw-text-opacity: 1;color: rgba(139, 92, 246, var(--tw-text-opacity));}
  &-purple-600{--tw-text-opacity: 1;color: rgba(124, 58, 237, var(--tw-text-opacity));}
  &-purple-700{--tw-text-opacity: 1;color: rgba(109, 40, 217, var(--tw-text-opacity));}
  &-purple-800{--tw-text-opacity: 1;color: rgba(91, 33, 182, var(--tw-text-opacity));}
  &-purple-900{--tw-text-opacity: 1;color: rgba(76, 29, 149, var(--tw-text-opacity));}
  &-pink-50{--tw-text-opacity: 1;color: rgba(253, 242, 248, var(--tw-text-opacity));}
  &-pink-100{--tw-text-opacity: 1;color: rgba(252, 231, 243, var(--tw-text-opacity));}
  &-pink-200{--tw-text-opacity: 1;color: rgba(251, 207, 232, var(--tw-text-opacity));}
  &-pink-300{--tw-text-opacity: 1;color: rgba(249, 168, 212, var(--tw-text-opacity));}
  &-pink-400{--tw-text-opacity: 1;color: rgba(244, 114, 182, var(--tw-text-opacity));}
  &-pink-500{--tw-text-opacity: 1;color: rgba(236, 72, 153, var(--tw-text-opacity));}
  &-pink-600{--tw-text-opacity: 1;color: rgba(219, 39, 119, var(--tw-text-opacity));}
  &-pink-700{--tw-text-opacity: 1;color: rgba(190, 24, 93, var(--tw-text-opacity));}
  &-pink-800{--tw-text-opacity: 1;color: rgba(157, 23, 77, var(--tw-text-opacity));}
  &-pink-900{--tw-text-opacity: 1;color: rgba(131, 24, 67, var(--tw-text-opacity));}

  // 不透明度
  &-opacity-0	{--tw-text-opacity: 0;}
  &-opacity-5	{--tw-text-opacity: 0.05;}
  &-opacity-10	{--tw-text-opacity: 0.1;}
  &-opacity-20	{--tw-text-opacity: 0.2;}
  &-opacity-25	{--tw-text-opacity: 0.25;}
  &-opacity-30	{--tw-text-opacity: 0.3;}
  &-opacity-40	{--tw-text-opacity: 0.4;}
  &-opacity-50	{--tw-text-opacity: 0.5;}
  &-opacity-60	{--tw-text-opacity: 0.6;}
  &-opacity-70	{--tw-text-opacity: 0.7;}
  &-opacity-75	{--tw-text-opacity: 0.75;}
  &-opacity-80	{--tw-text-opacity: 0.8;}
  &-opacity-90	{--tw-text-opacity: 0.9;}
  &-opacity-95	{--tw-text-opacity: 0.95;}
  &-opacity-100	{--tw-text-opacity: 1;}
}
.hover{
  &-text:hover{
    // 文本对齐
    &-left{text-align: left;}
    &-center{text-align: center;}
    &-right{text-align: right;}
    &-justify{text-align: justify;}

    // 颜色
    &-transparent{color: transparent;}
    &-current{color: currentColor;}
    &-black {--tw-text-opacity: 1;color: rgba(0, 0, 0, var(--tw-text-opacity));}
    &-white {--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));}
    &-gray-50 {--tw-text-opacity: 1;color: rgba(249, 250, 251, var(--tw-text-opacity));}
    &-gray-100 {--tw-text-opacity: 1;color: rgba(243, 244, 246, var(--tw-text-opacity));}
    &-gray-200 {--tw-text-opacity: 1;color: rgba(229, 231, 235, var(--tw-text-opacity));}
    &-gray-300 {--tw-text-opacity: 1;color: rgba(209, 213, 219, var(--tw-text-opacity));}
    &-gray-400 {--tw-text-opacity: 1;color: rgba(156, 163, 175, var(--tw-text-opacity));}
    &-gray-500 {--tw-text-opacity: 1;color: rgba(107, 114, 128, var(--tw-text-opacity));}
    &-gray-600 {--tw-text-opacity: 1;color: rgba(75, 85, 99, var(--tw-text-opacity));}
    &-gray-700 {--tw-text-opacity: 1;color: rgba(55, 65, 81, var(--tw-text-opacity));}
    &-gray-800 {--tw-text-opacity: 1;color: rgba(31, 41, 55, var(--tw-text-opacity));}
    &-gray-900 {--tw-text-opacity: 1;color: rgba(17, 24, 39, var(--tw-text-opacity));}
    &-red-50{ --tw-text-opacity: 1;color: rgba(254, 242, 242, var(--tw-text-opacity));}
    &-red-100{ --tw-text-opacity: 1;color: rgba(254, 226, 226, var(--tw-text-opacity));}
    &-red-200{ --tw-text-opacity: 1;color: rgba(254, 202, 202, var(--tw-text-opacity));}
    &-red-300{ --tw-text-opacity: 1;color: rgba(252, 165, 165, var(--tw-text-opacity));}
    &-red-400{ --tw-text-opacity: 1;color: rgba(248, 113, 113, var(--tw-text-opacity));}
    &-red-500{ --tw-text-opacity: 1;color: rgba(239, 68, 68, var(--tw-text-opacity));}
    &-red-600{ --tw-text-opacity: 1;color: rgba(220, 38, 38, var(--tw-text-opacity));}
    &-red-700{ --tw-text-opacity: 1;color: rgba(185, 28, 28, var(--tw-text-opacity));}
    &-red-800{ --tw-text-opacity: 1;color: rgba(153, 27, 27, var(--tw-text-opacity));}
    &-red-900{--tw-text-opacity: 1;color: rgba(127, 29, 29, var(--tw-text-opacity));}
    &-yellow-50{--tw-text-opacity: 1;color: rgba(255, 251, 235, var(--tw-text-opacity));}
    &-yellow-100{--tw-text-opacity: 1;color: rgba(254, 243, 199, var(--tw-text-opacity));}
    &-yellow-200{--tw-text-opacity: 1;color: rgba(253, 230, 138, var(--tw-text-opacity));}
    &-yellow-300{--tw-text-opacity: 1;color: rgba(252, 211, 77, var(--tw-text-opacity));}
    &-yellow-400{--tw-text-opacity: 1;color: rgba(251, 191, 36, var(--tw-text-opacity));}
    &-yellow-500{--tw-text-opacity: 1;color: rgba(245, 158, 11, var(--tw-text-opacity));}
    &-yellow-600{--tw-text-opacity: 1;color: rgba(217, 119, 6, var(--tw-text-opacity));}
    &-yellow-700{--tw-text-opacity: 1;color: rgba(180, 83, 9, var(--tw-text-opacity));}
    &-yellow-800{--tw-text-opacity: 1;color: rgba(146, 64, 14, var(--tw-text-opacity));}
    &-yellow-900{--tw-text-opacity: 1;color: rgba(120, 53, 15, var(--tw-text-opacity));}

    &-green-50{--tw-text-opacity: 1;color: rgba(236, 253, 245, var(--tw-text-opacity));}
    &-green-100{--tw-text-opacity: 1;color: rgba(209, 250, 229, var(--tw-text-opacity));}
    &-green-200{--tw-text-opacity: 1;color: rgba(167, 243, 208, var(--tw-text-opacity));}
    &-green-300{--tw-text-opacity: 1;color: rgba(110, 231, 183, var(--tw-text-opacity));}
    &-green-400{--tw-text-opacity: 1;color: rgba(52, 211, 153, var(--tw-text-opacity));}
    &-green-500{--tw-text-opacity: 1;color: rgba(16, 185, 129, var(--tw-text-opacity));}
    &-green-600{--tw-text-opacity: 1;color: rgba(5, 150, 105, var(--tw-text-opacity));}
    &-green-700{--tw-text-opacity: 1;color: rgba(4, 120, 87, var(--tw-text-opacity));}
    &-green-800{--tw-text-opacity: 1;color: rgba(6, 95, 70, var(--tw-text-opacity));}
    &-green-900{--tw-text-opacity: 1;color: rgba(6, 78, 59, var(--tw-text-opacity));}

    &-blue-50	{--tw-text-opacity: 1;color: rgba(239, 246, 255, var(--tw-text-opacity));}
    &-blue-100{--tw-text-opacity: 1;color: rgba(219, 234, 254, var(--tw-text-opacity));}
    &-blue-200{--tw-text-opacity: 1;color: rgba(191, 219, 254, var(--tw-text-opacity));}
    &-blue-300{--tw-text-opacity: 1;color: rgba(147, 197, 253, var(--tw-text-opacity));}
    &-blue-400{--tw-text-opacity: 1;color: rgba(96, 165, 250, var(--tw-text-opacity));}
    &-blue-500{--tw-text-opacity: 1;color: rgba(59, 130, 246, var(--tw-text-opacity));}
    &-blue-600{--tw-text-opacity: 1;color: rgba(37, 99, 235, var(--tw-text-opacity));}
    &-blue-700{--tw-text-opacity: 1;color: rgba(29, 78, 216, var(--tw-text-opacity));}
    &-blue-800{--tw-text-opacity: 1;color: rgba(30, 64, 175, var(--tw-text-opacity));}
    &-blue-900{--tw-text-opacity: 1;color: rgba(30, 58, 138, var(--tw-text-opacity));}

    &-indigo-50{--tw-text-opacity: 1;color: rgba(238, 242, 255, var(--tw-text-opacity));}
    &-indigo-100{--tw-text-opacity: 1;color: rgba(224, 231, 255, var(--tw-text-opacity));}
    &-indigo-200{--tw-text-opacity: 1;color: rgba(199, 210, 254, var(--tw-text-opacity));}
    &-indigo-300{--tw-text-opacity: 1;color: rgba(165, 180, 252, var(--tw-text-opacity));}
    &-indigo-400{--tw-text-opacity: 1;color: rgba(129, 140, 248, var(--tw-text-opacity));}
    &-indigo-500{--tw-text-opacity: 1;color: rgba(99, 102, 241, var(--tw-text-opacity));}
    &-indigo-600{--tw-text-opacity: 1;color: rgba(79, 70, 229, var(--tw-text-opacity));}
    &-indigo-700{--tw-text-opacity: 1;color: rgba(67, 56, 202, var(--tw-text-opacity));}
    &-indigo-800{--tw-text-opacity: 1;color: rgba(55, 48, 163, var(--tw-text-opacity));}
    &-indigo-900{--tw-text-opacity: 1;color: rgba(49, 46, 129, var(--tw-text-opacity));}


    &-purple-50{--tw-text-opacity: 1;color: rgba(245, 243, 255, var(--tw-text-opacity));}
    &-purple-100{--tw-text-opacity: 1;color: rgba(237, 233, 254, var(--tw-text-opacity));}
    &-purple-200{--tw-text-opacity: 1;color: rgba(221, 214, 254, var(--tw-text-opacity));}
    &-purple-300{--tw-text-opacity: 1;color: rgba(196, 181, 253, var(--tw-text-opacity));}
    &-purple-400{--tw-text-opacity: 1;color: rgba(167, 139, 250, var(--tw-text-opacity));}
    &-purple-500{--tw-text-opacity: 1;color: rgba(139, 92, 246, var(--tw-text-opacity));}
    &-purple-600{--tw-text-opacity: 1;color: rgba(124, 58, 237, var(--tw-text-opacity));}
    &-purple-700{--tw-text-opacity: 1;color: rgba(109, 40, 217, var(--tw-text-opacity));}
    &-purple-800{--tw-text-opacity: 1;color: rgba(91, 33, 182, var(--tw-text-opacity));}
    &-purple-900{--tw-text-opacity: 1;color: rgba(76, 29, 149, var(--tw-text-opacity));}
    &-pink-50{--tw-text-opacity: 1;color: rgba(253, 242, 248, var(--tw-text-opacity));}
    &-pink-100{--tw-text-opacity: 1;color: rgba(252, 231, 243, var(--tw-text-opacity));}
    &-pink-200{--tw-text-opacity: 1;color: rgba(251, 207, 232, var(--tw-text-opacity));}
    &-pink-300{--tw-text-opacity: 1;color: rgba(249, 168, 212, var(--tw-text-opacity));}
    &-pink-400{--tw-text-opacity: 1;color: rgba(244, 114, 182, var(--tw-text-opacity));}
    &-pink-500{--tw-text-opacity: 1;color: rgba(236, 72, 153, var(--tw-text-opacity));}
    &-pink-600{--tw-text-opacity: 1;color: rgba(219, 39, 119, var(--tw-text-opacity));}
    &-pink-700{--tw-text-opacity: 1;color: rgba(190, 24, 93, var(--tw-text-opacity));}
    &-pink-800{--tw-text-opacity: 1;color: rgba(157, 23, 77, var(--tw-text-opacity));}
    &-pink-900{--tw-text-opacity: 1;color: rgba(131, 24, 67, var(--tw-text-opacity));}

    // 不透明度
    &-opacity-0	{--tw-text-opacity: 0;}
    &-opacity-5	{--tw-text-opacity: 0.05;}
    &-opacity-10	{--tw-text-opacity: 0.1;}
    &-opacity-20	{--tw-text-opacity: 0.2;}
    &-opacity-25	{--tw-text-opacity: 0.25;}
    &-opacity-30	{--tw-text-opacity: 0.3;}
    &-opacity-40	{--tw-text-opacity: 0.4;}
    &-opacity-50	{--tw-text-opacity: 0.5;}
    &-opacity-60	{--tw-text-opacity: 0.6;}
    &-opacity-70	{--tw-text-opacity: 0.7;}
    &-opacity-75	{--tw-text-opacity: 0.75;}
    &-opacity-80	{--tw-text-opacity: 0.8;}
    &-opacity-90	{--tw-text-opacity: 0.9;}
    &-opacity-95	{--tw-text-opacity: 0.95;}
    &-opacity-100	{--tw-text-opacity: 1;}
  }
}
.active{
  &-text:active{
    // 文本对齐
    &-left{text-align: left;}
    &-center{text-align: center;}
    &-right{text-align: right;}
    &-justify{text-align: justify;}

    // 颜色
    &-transparent{color: transparent;}
    &-current{color: currentColor;}
    &-black {--tw-text-opacity: 1;color: rgba(0, 0, 0, var(--tw-text-opacity));}
    &-white {--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));}
    &-gray-50 {--tw-text-opacity: 1;color: rgba(249, 250, 251, var(--tw-text-opacity));}
    &-gray-100 {--tw-text-opacity: 1;color: rgba(243, 244, 246, var(--tw-text-opacity));}
    &-gray-200 {--tw-text-opacity: 1;color: rgba(229, 231, 235, var(--tw-text-opacity));}
    &-gray-300 {--tw-text-opacity: 1;color: rgba(209, 213, 219, var(--tw-text-opacity));}
    &-gray-400 {--tw-text-opacity: 1;color: rgba(156, 163, 175, var(--tw-text-opacity));}
    &-gray-500 {--tw-text-opacity: 1;color: rgba(107, 114, 128, var(--tw-text-opacity));}
    &-gray-600 {--tw-text-opacity: 1;color: rgba(75, 85, 99, var(--tw-text-opacity));}
    &-gray-700 {--tw-text-opacity: 1;color: rgba(55, 65, 81, var(--tw-text-opacity));}
    &-gray-800 {--tw-text-opacity: 1;color: rgba(31, 41, 55, var(--tw-text-opacity));}
    &-gray-900 {--tw-text-opacity: 1;color: rgba(17, 24, 39, var(--tw-text-opacity));}
    &-red-50{ --tw-text-opacity: 1;color: rgba(254, 242, 242, var(--tw-text-opacity));}
    &-red-100{ --tw-text-opacity: 1;color: rgba(254, 226, 226, var(--tw-text-opacity));}
    &-red-200{ --tw-text-opacity: 1;color: rgba(254, 202, 202, var(--tw-text-opacity));}
    &-red-300{ --tw-text-opacity: 1;color: rgba(252, 165, 165, var(--tw-text-opacity));}
    &-red-400{ --tw-text-opacity: 1;color: rgba(248, 113, 113, var(--tw-text-opacity));}
    &-red-500{ --tw-text-opacity: 1;color: rgba(239, 68, 68, var(--tw-text-opacity));}
    &-red-600{ --tw-text-opacity: 1;color: rgba(220, 38, 38, var(--tw-text-opacity));}
    &-red-700{ --tw-text-opacity: 1;color: rgba(185, 28, 28, var(--tw-text-opacity));}
    &-red-800{ --tw-text-opacity: 1;color: rgba(153, 27, 27, var(--tw-text-opacity));}
    &-red-900{--tw-text-opacity: 1;color: rgba(127, 29, 29, var(--tw-text-opacity));}
    &-yellow-50{--tw-text-opacity: 1;color: rgba(255, 251, 235, var(--tw-text-opacity));}
    &-yellow-100{--tw-text-opacity: 1;color: rgba(254, 243, 199, var(--tw-text-opacity));}
    &-yellow-200{--tw-text-opacity: 1;color: rgba(253, 230, 138, var(--tw-text-opacity));}
    &-yellow-300{--tw-text-opacity: 1;color: rgba(252, 211, 77, var(--tw-text-opacity));}
    &-yellow-400{--tw-text-opacity: 1;color: rgba(251, 191, 36, var(--tw-text-opacity));}
    &-yellow-500{--tw-text-opacity: 1;color: rgba(245, 158, 11, var(--tw-text-opacity));}
    &-yellow-600{--tw-text-opacity: 1;color: rgba(217, 119, 6, var(--tw-text-opacity));}
    &-yellow-700{--tw-text-opacity: 1;color: rgba(180, 83, 9, var(--tw-text-opacity));}
    &-yellow-800{--tw-text-opacity: 1;color: rgba(146, 64, 14, var(--tw-text-opacity));}
    &-yellow-900{--tw-text-opacity: 1;color: rgba(120, 53, 15, var(--tw-text-opacity));}

    &-green-50{--tw-text-opacity: 1;color: rgba(236, 253, 245, var(--tw-text-opacity));}
    &-green-100{--tw-text-opacity: 1;color: rgba(209, 250, 229, var(--tw-text-opacity));}
    &-green-200{--tw-text-opacity: 1;color: rgba(167, 243, 208, var(--tw-text-opacity));}
    &-green-300{--tw-text-opacity: 1;color: rgba(110, 231, 183, var(--tw-text-opacity));}
    &-green-400{--tw-text-opacity: 1;color: rgba(52, 211, 153, var(--tw-text-opacity));}
    &-green-500{--tw-text-opacity: 1;color: rgba(16, 185, 129, var(--tw-text-opacity));}
    &-green-600{--tw-text-opacity: 1;color: rgba(5, 150, 105, var(--tw-text-opacity));}
    &-green-700{--tw-text-opacity: 1;color: rgba(4, 120, 87, var(--tw-text-opacity));}
    &-green-800{--tw-text-opacity: 1;color: rgba(6, 95, 70, var(--tw-text-opacity));}
    &-green-900{--tw-text-opacity: 1;color: rgba(6, 78, 59, var(--tw-text-opacity));}

    &-blue-50	{--tw-text-opacity: 1;color: rgba(239, 246, 255, var(--tw-text-opacity));}
    &-blue-100{--tw-text-opacity: 1;color: rgba(219, 234, 254, var(--tw-text-opacity));}
    &-blue-200{--tw-text-opacity: 1;color: rgba(191, 219, 254, var(--tw-text-opacity));}
    &-blue-300{--tw-text-opacity: 1;color: rgba(147, 197, 253, var(--tw-text-opacity));}
    &-blue-400{--tw-text-opacity: 1;color: rgba(96, 165, 250, var(--tw-text-opacity));}
    &-blue-500{--tw-text-opacity: 1;color: rgba(59, 130, 246, var(--tw-text-opacity));}
    &-blue-600{--tw-text-opacity: 1;color: rgba(37, 99, 235, var(--tw-text-opacity));}
    &-blue-700{--tw-text-opacity: 1;color: rgba(29, 78, 216, var(--tw-text-opacity));}
    &-blue-800{--tw-text-opacity: 1;color: rgba(30, 64, 175, var(--tw-text-opacity));}
    &-blue-900{--tw-text-opacity: 1;color: rgba(30, 58, 138, var(--tw-text-opacity));}

    &-indigo-50{--tw-text-opacity: 1;color: rgba(238, 242, 255, var(--tw-text-opacity));}
    &-indigo-100{--tw-text-opacity: 1;color: rgba(224, 231, 255, var(--tw-text-opacity));}
    &-indigo-200{--tw-text-opacity: 1;color: rgba(199, 210, 254, var(--tw-text-opacity));}
    &-indigo-300{--tw-text-opacity: 1;color: rgba(165, 180, 252, var(--tw-text-opacity));}
    &-indigo-400{--tw-text-opacity: 1;color: rgba(129, 140, 248, var(--tw-text-opacity));}
    &-indigo-500{--tw-text-opacity: 1;color: rgba(99, 102, 241, var(--tw-text-opacity));}
    &-indigo-600{--tw-text-opacity: 1;color: rgba(79, 70, 229, var(--tw-text-opacity));}
    &-indigo-700{--tw-text-opacity: 1;color: rgba(67, 56, 202, var(--tw-text-opacity));}
    &-indigo-800{--tw-text-opacity: 1;color: rgba(55, 48, 163, var(--tw-text-opacity));}
    &-indigo-900{--tw-text-opacity: 1;color: rgba(49, 46, 129, var(--tw-text-opacity));}


    &-purple-50{--tw-text-opacity: 1;color: rgba(245, 243, 255, var(--tw-text-opacity));}
    &-purple-100{--tw-text-opacity: 1;color: rgba(237, 233, 254, var(--tw-text-opacity));}
    &-purple-200{--tw-text-opacity: 1;color: rgba(221, 214, 254, var(--tw-text-opacity));}
    &-purple-300{--tw-text-opacity: 1;color: rgba(196, 181, 253, var(--tw-text-opacity));}
    &-purple-400{--tw-text-opacity: 1;color: rgba(167, 139, 250, var(--tw-text-opacity));}
    &-purple-500{--tw-text-opacity: 1;color: rgba(139, 92, 246, var(--tw-text-opacity));}
    &-purple-600{--tw-text-opacity: 1;color: rgba(124, 58, 237, var(--tw-text-opacity));}
    &-purple-700{--tw-text-opacity: 1;color: rgba(109, 40, 217, var(--tw-text-opacity));}
    &-purple-800{--tw-text-opacity: 1;color: rgba(91, 33, 182, var(--tw-text-opacity));}
    &-purple-900{--tw-text-opacity: 1;color: rgba(76, 29, 149, var(--tw-text-opacity));}
    &-pink-50{--tw-text-opacity: 1;color: rgba(253, 242, 248, var(--tw-text-opacity));}
    &-pink-100{--tw-text-opacity: 1;color: rgba(252, 231, 243, var(--tw-text-opacity));}
    &-pink-200{--tw-text-opacity: 1;color: rgba(251, 207, 232, var(--tw-text-opacity));}
    &-pink-300{--tw-text-opacity: 1;color: rgba(249, 168, 212, var(--tw-text-opacity));}
    &-pink-400{--tw-text-opacity: 1;color: rgba(244, 114, 182, var(--tw-text-opacity));}
    &-pink-500{--tw-text-opacity: 1;color: rgba(236, 72, 153, var(--tw-text-opacity));}
    &-pink-600{--tw-text-opacity: 1;color: rgba(219, 39, 119, var(--tw-text-opacity));}
    &-pink-700{--tw-text-opacity: 1;color: rgba(190, 24, 93, var(--tw-text-opacity));}
    &-pink-800{--tw-text-opacity: 1;color: rgba(157, 23, 77, var(--tw-text-opacity));}
    &-pink-900{--tw-text-opacity: 1;color: rgba(131, 24, 67, var(--tw-text-opacity));}

    // 不透明度
    &-opacity-0	{--tw-text-opacity: 0;}
    &-opacity-5	{--tw-text-opacity: 0.05;}
    &-opacity-10	{--tw-text-opacity: 0.1;}
    &-opacity-20	{--tw-text-opacity: 0.2;}
    &-opacity-25	{--tw-text-opacity: 0.25;}
    &-opacity-30	{--tw-text-opacity: 0.3;}
    &-opacity-40	{--tw-text-opacity: 0.4;}
    &-opacity-50	{--tw-text-opacity: 0.5;}
    &-opacity-60	{--tw-text-opacity: 0.6;}
    &-opacity-70	{--tw-text-opacity: 0.7;}
    &-opacity-75	{--tw-text-opacity: 0.75;}
    &-opacity-80	{--tw-text-opacity: 0.8;}
    &-opacity-90	{--tw-text-opacity: 0.9;}
    &-opacity-95	{--tw-text-opacity: 0.95;}
    &-opacity-100	{--tw-text-opacity: 1;}
  }
}
// 垂直对齐
.align{
  &-baseline{vertical-align: baseline;}
  &-top{vertical-align: top;}
  &-middle{vertical-align: middle;}
  &-bottom{vertical-align: bottom;}
  &-text-top{vertical-align: text-top;}
  &-text-bottom{vertical-align: text-bottom;}
}
// 换行
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
} // 只在正常的换行点添加换行符。
.break-words{overflow-wrap: break-word;} // 在词中间添加换行符。
.break-all{word-break: break-all;} // 在必要的时候添加换行符，而不是试图保留整个单词。
// 文字装饰
.underline{text-decoration: underline;}
.line-through{text-decoration: line-through;}
.no-underline{text-decoration: none;}
// 文本转换
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.normal-case{text-transform: none;}
// 文本溢出
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.overflow-clip {
  text-overflow: clip;
}
// 限制文本行数
.text-line1 {
  display: block;
  overflow: hidden !important; //超出隐藏
  text-overflow: ellipsis !important; //显示省略号
  white-space: nowrap !important; //强制不换行
}
.text-line2 {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-line3 {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.text-line4 {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.text-line5 {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}